<script lang="ts" setup>
import WHeader from "./WHeader.vue";
import TopTip from "./TopTip.vue";
import CategoryMenu from "./CategoryMenu.vue";
import BotShow from "./BotShow.vue";
import WFooter from "./WFooter.vue";
</script>
<template>
  <div class="w-frame flex-col">
    <div>
      <top-tip></top-tip>
    </div>
    <div class="header">
      <w-header></w-header>
    </div>
    <category-menu></category-menu>
    <div class="main flex-fill">
      <router-view></router-view>
    </div>
    <bot-show></bot-show>
    <div class="footer">
      <w-footer></w-footer>
    </div>
  </div>
</template>
<style lang="scss" scoped>
.w-frame{
  min-height: 100vh;
}
</style>